html{font-size:62.5%;} 
body,td,th {
	font:"Î¢ÈíÑÅºÚ","»ªÎÄÏ¸ºÚ",Tahoma,Arial;
	font-size:16px;font-size:1.6rem ;
	line-height: 2.4rem;
	color: #333333;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
}
strong{font-weight:bold;}
b{font-weight:bold;}
h1,h2,h3,h4,h5,h6,i,em,ul,li{
    margin: 0;
    padding: 0;
	font-style: normal;
    font-weight: normal;
	list-style: none;
    text-decoration: none;
}
a {
	font:"Î¢ÈíÑÅºÚ","»ªÎÄÏ¸ºÚ",Tahoma,Arial;
	font-size:16px;font-size:1.6rem ;
	color: #333333;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #333333;
}
a:active {
	text-decoration: none;
	color: #333333;
}
a.more:link,a.more:visited,a.more:active {
	text-decoration: none;
	color: #75C01F;
	font-size: 16px;
	text-decoration:underline;
	font-weight:bold;
}
a.more:hover {
	text-decoration: none;
	color: #75C01F;
	font-size: 16px;
	text-decoration:underline;
	font-weight:bold;
}
a.news:link,a.news:visited,a.news:active {
	text-decoration: none;
	color: #333;
	font-size: 18px;
}
a.news:hover {
	text-decoration: none;
	color: #91160E;
	font-size: 18px;
}
a.top:link,a.top:visited,a.top:active {
	text-decoration: none;
	color: #EAEAEA;
	font-size: 12px;
}
a.top:hover {
	text-decoration: none;
	color: #EAEAEA;
	font-size: 12px;
}
a.end:link,a.end:visited,a.end:active {
	text-decoration: none;
	color: #fff;
	font-size: 14px;
}
a.end:hover {
	text-decoration: none;
	color: #fff;
	font-size: 14px;
}
a.kh:link,a.kh:visited,a.kh:active {
	text-decoration: none;
	color: #c8c8c8;
	font-size: 14px;
}
a.kh:hover {
	text-decoration: none;
	color: #c8c8c8;
	font-size: 14px;
}
.bg_about {
	filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
	background-image: url(index_09.jpg);
	zoom: 1;width:auto;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-position: center 0;
}
.bg_end {
	filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
	background-image:  url(index_03.jpg) ;
	zoom: 1;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-position: center 0;
}
.bg_line {
	filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
	background-image: url(a_tit_line.png); height:38px;
	zoom: 1;width:100%;
	
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-position: center 0;
}
.bg_ys {
	filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
	background-image: url(index_08.jpg);
	zoom: 1;width:100%;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-position: center 0;
}
.line_news {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #C8C8C8;
	border-right-color: #C8C8C8;
	border-bottom-color: #C8C8C8;
	border-left-color: #C8C8C8;
}
.search {
	font-size: 14px; text-align:left;
	color: #999;
	padding:5px 5px 5px 15px;
	width:170px;height:32px;
	border: 0px solid #DBDBDB;
	background-color: #F5F5F5;
}
.fd {
	font-size: 14px;
	color: #333333;
	width:570px;
	height:24px;
	background-color: #f5f5f5;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	border: 1px none #888889;
}
.fds {
	font-size: 14px;
	width:1200px;
	color: #333333;
	background-color: #f5f5f5;
	border: 1px none #888889;
	padding: 15px;
}
.fdcode {
	font-size: 14px;
	color: #333333;
	width:50px;
	height:24px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #f5f5f5;
	border: 1px none #888889;
}
.fdinput {
	font-size: 14px;
	color: #ffffff;
	width:100px;
	height:44px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #333;
	border: 1px solid #333;
}
input:-webkit-autofill {
  color: #333333!important;
  -webkit-text-fill-color: #333333;
  box-shadow: 0 0 0 1000px #f5f5f5 inset
}

input:autofill {
  color: #333333!important;
  -webkit-text-fill-color: #333333;
  box-shadow: 0 0 0 1000px #f5f5f5 inset
}

.imgc {border: 1px solid #E1E1E1;padding: 5px;}

#div1{width:360px; height:360px; margin:0px auto; padding:0px; vertical-align:middle; text-align:center; display:table-cell; float:none; overflow:hidden;}
#div1 img{cursor:pointer; transition:all 0.6s;}
#div1 img:hover{transform:scale(1.05);}

#div2{width:480px; height:300px; margin:0px auto; padding:0px; vertical-align:middle; text-align:center; display:table-cell; float:none; overflow:hidden;}
#div2 img{cursor:pointer; transition:all 0.6s;}
#div2 img:hover{transform:scale(1.05);}

#div3{width:620px; height:460px; margin:0px auto; padding:0px; vertical-align:middle; text-align:center; display:table-cell; float:none; overflow:hidden;}
#div3 img{cursor:pointer; transition:all 0.6s;}
#div3 img:hover{transform:scale(1.05);}

#div5{width:300px; height:300px; margin:0px auto; padding:0px; vertical-align:middle; text-align:center; display:table-cell; float:none; overflow:hidden;}
#div5 img{cursor:pointer; transition:all 0.6s;}
#div5 img:hover{transform:scale(1.05);}

#div100{width:100%; height:100%; margin:0px auto; padding:0px; vertical-align:middle; text-align:center; display:table-cell; float:none; overflow:hidden;}
#div100 img{cursor:pointer; transition:all 0.6s;}
#div100 img:hover{transform:scale(1.05);}

#newpic{}
#newpic img{}
#newpic img:hover{margin-top:4px;}

.h_tonglan {width:1330px; padding:0px; margin:0; float:none;}

.h218px {width:1330px;height:390px; padding:0px;margin:0;float:none;}
.h218px th {padding:0px;}
.h218px td {overflow:hidden;}

#scrollbox2 ul {overflow:hidden;list-style-type:none;padding:0px;margin:0px;}
#scrollbox2 ul LI {FLOAT:left;margin:15px;width:360px;overflow:hidden;}
#scrollbox2 ul LI img {FLOAT:left;width:360px;height:360px;overflow:hidden;}

.img_div1 {margin:0px; padding:0px; position:relative; width:265px; height:202px; z-index:99;}
.img_div1 img {width:263px; height:200px; margin:0px; padding:0px; border:1px solid #dcdcdc;}
.img_div1 h3 {text-align:center; width:360px; line-height:30px; font-size:18px; border-bottom:0px solid #fff;}
.mask1 {position:absolute; top:0; left:0; width:360px; height:280px; background:rgba(0, 0, 0, 0.5); color:#ffffff; opacity:0; z-index:999;}
.mask1 img {width:265px; height:200px; margin:0px; padding:0px; border:0px solid #dcdcdc;}
.mask1 h3 {text-align:center; width:265px; margin:0px 0px 0px 0px; line-height:30px; font-size:24px; border-bottom:0px solid #fff;}
.mask1 h4 {text-align:center; width:280px; margin:30px 0px 0px 0px; line-height:42px; font-size:16px;}
.mask1 h4 img{margin:0px 0px 0px 0px; width:47px; height:47px; border:0px solid #dcdcdc;}
.img_div1 a:hover .mask1 {opacity:1;}

.img_div2 {margin:0px 0px 0px 0px; position:relative; width:360px; height:360px;}
.img_div2 img{margin:0px; padding:5px; width:350px; height:350px; border:0px solid #dcdcdc;}
.mask2 {position:absolute; top:0; left:0; width:350px; height:350px; opacity:0;}
.mask2 h3 {text-align:center; width:280px; margin:50px 0px 0px 0px; line-height:60px; font-size:22px; border-bottom:0px solid #fff;}
.mask2 h3 img{margin:50px 0px 0px 0px; width:280px; height:30px; border:0px solid #dcdcdc;}
.mask2 h4 {text-align:center; width:280px; margin:0px; line-height:42px; font-size:18px;}
.mask2 h4 img{margin:0px 0px 0px 0px; width:47px; height:47px; border:0px solid #dcdcdc;}
.img_div2 a:hover .mask2 {opacity:1;}

#navcontainer{width:710px}
#navlist{margin:0;padding:0px 0px 0px 0px;border-bottom:0px solid #444;}
#navlist ul, #navlist li{margin:0;padding:0;display:inline;list-style-type: none;text-align:center;}
#navlist a:link, #navlist a:visited{float:left;height:109px;line-height:109px;margin:0px 1px 0px 0px;padding:0px 25px 0px 25px;text-transform:uppercase;color:#333;font-size:16px;font-family:"Î¢ÈíÑÅºÚ Light";}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover{background-color:#0164B0;color:#fff;font-size:16px;font-family:"Î¢ÈíÑÅºÚ Light";}
#navlist a:hover{color:#fff;}

#navcontainers{width:800px;}
#navlists{margin:0;padding:0px 0px 0px 0px;}
#navlists ul, #navlists li{margin:8px 10px 8px 10px;padding:0;display:inline;list-style-type:none;}
#navlists a:link, #navlists a:visited{float:left;border:0px solid #EAEAEA;margin:8px 10px 8px 10px;padding:0px 20px 0px 20px;height:46px;line-height:46px;color:#666;font-size:16px; font-weight:100;}
#navlists a:link#current, #navlists a:visited#current, #navlists a:hover{border:0px solid #268624;color:#666;font-size:16px; font-weight:100; background-image: url(a_cp_ico.png);background-repeat: no-repeat;background-position: center bottom;}
#navlists a:hover{color:#000;}

.ib {display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;}
.ul-reset {padding: 0px;margin: 0px;list-style: none; }
.navigation {width: 100%;}
.navigation-link,.navigation-link a:link,.navigation-link a:visited {display: block; position: relative; padding: 15px 5px 15px 5px; margin: 0px 30px 0px 30px; color:#fff; font-size: 16px; line-height:58px; text-decoration: none; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out;}
.navigation-link:before {content: "";position: absolute;left: 0;bottom: 0;width: 0;border-bottom: 1px solid #fff;-webkit-transition: width .2s ease-in-out;transition: width .2s ease-in-out;}
.navigation-link:hover,.navigation-links:hover,.navigation-links:visited {color: #fff;}
.navigation-link:hover:before {width: 100%;}
.navigation-links {display: block;position: relative;padding: 15px 5px 15px 5px;margin: 0px 30px 0px 30px;font-size: 16px; line-height:56px; text-decoration: none;color: #fff;-webkit-transition: color .2s ease-in-out;transition: color .2s ease-in-out;border-bottom: 1px solid #fff;}

.navigations {width:100%;}
.navigations-link,.navigations-link:link,.navigations-link:visited {display:block;position:relative;padding:10px 25px 10px 25px;margin:0px 0px 0px 0px;font-size:16px; color:#fff; text-decoration:none;border:1px solid #005ca1;background-color:#005ca1;letter-spacing:2px; border-radius:3px;}
.navigations-link:hover,.navigations-links:link,.navigations-links:hover,.navigations-links:visited {color:#fff;border:1px solid #333;background-color:#333;letter-spacing:2px; border-radius:3px;}
.navigations-links {display:block;position:relative;padding:10px 25px 10px 25px;margin:0px 0px 0px 0px;font-size:16px;text-decoration:none;color:#fff;border:1px solid #333;background-color:#333;}

#fleibg{width:1200px}
#flei{margin:0;padding:0px 0px 0px 0px;border-bottom:0px solid #444;}
#flei ul, #flei li{margin:0;padding:0;display:inline;list-style-type: none;}
#flei a:link, #flei a:visited{float:left;height:38px;line-height:38px;margin:0px 10px 0px 0px;padding:0px 20px 0px 20px;background-color:#F3F3F3;color:#333;font-size:16px;}
#flei a:link#current, #flei a:visited#current, #flei a:hover{background:transparent;background-color:#75C01F;color:#fff;font-size:16px;}
#flei a:hover{color:#fff; }

.lei {float:none; margin:auto; position:relative; width:97%; z-index:9; }
.lei ul {margin:0% 1.5% 0% 1.5%; padding:0; list-style-type: none;}
.lei ul li {float:left; position:relative; text-align:center; margin:0px 0px 10px 0px; padding:0px;}
.lei ul li h1{float:left; margin:0px 0px 0px 0px; width:100%; height:46px; line-height:46px; font-size:16px; text-align:center;}
.lei ul li h2{float:left;  margin:0px; background-color:#FFFFFF; border:1px solid #DDDDDD; width:98%;  padding:1%; display:table-cell; float:none; overflow:hidden;}
.lei ul li h2:hover{float:left; margin:0px; background-color:#FFFFFF; border:1px solid #00a2ea; width:98%;  padding:1%; display:table-cell; float:none; overflow:hidden;}
.lei ul li img{border:0px solid #DDDDDD; margin:0px; padding:1%; width:98%; cursor:pointer; transition:all 0.6s;}
.lei ul li img:hover{border:0px solid #920A0A; margin:0px; padding:1%; width:98%; transform:scale(1.05);}
.lei ul li a, .lei ul li a:visited {display:block; border:0x solid #F5F5F5; width:98%; height:98%; padding:1%; line-height:1.5rem; font-size:1rem; color:#333; text-decoration:none; border:1px solid #fff;}
.lei ul li a:hover {display:block; border:0px solid #920A0A; width:98%; height:98%; padding:1%; line-height:1.5rem; font-size:1rem; color:#00a2ea; text-decoration:none; border:1px solid #fff;}

.lein {float:none; margin:auto; position:relative; width:302px; z-index:1; }
.lein ul {margin:0; padding:0; list-style-type: none;}
.lein ul li {float:left; position:relative; text-align:center; margin:0px 0px 0px 0px; padding:0px;}
.lein ul li h1{float:left; margin:20px 0px 30px 0px; width:302px; height:35px; line-height:24px; font-size:16px; text-align:center;}
.lein ul li h2{float:left; background-color:#FFFFFF; border:1px solid #ddd; width:290px; height:290px; padding:5px; margin:0px; display:table-cell; float:none; overflow:hidden;}
.lein ul li h2:hover{float:left; background-color:#FFFFFF; border:1px solid #005ca1; width:290px; height:290px; padding:5px; margin:0px; display:table-cell; float:none; overflow:hidden;}
.lein ul li h2 img{border:0px solid #DDDDDD; margin:0px 0px 0px 0px; padding:0px; width:290px; height:290px; cursor:pointer; transition:all 0.6s;}
.lein ul li h2 img:hover{border:0px solid #920A0A; margin:0px 0px 0px 0px; padding:0px; width:290px; height:290px; transform:scale(1.05);}
.lein ul li a, .lein ul li a:visited {display:block; width:302px; height:360px; padding:0px; line-height:24px; font-size:16px; color:#333; text-decoration:none; border:0px solid #F9F9F9;}
.lein ul li a:hover {display:block; width:302px; height:360px; padding:0px; line-height:24px; font-size:16px; color:#005ca1; text-decoration:none; border:0px solid #F49B23;}

.leic {float:none; margin:auto; position:relative; width:680px; z-index:9;}
.leic ul {margin:0; padding:0px; list-style-type: none;}
.leic ul li {float:left; position:relative; margin:0px; padding:0px; text-align:left;}
.leic ul li h1{float:left; margin:0px; padding:0px; width:500px; height:40px;}
.leic ul li h2{float:left; margin:0px; padding:0px; width:140px; height:40px; text-align:right;}
.leic ul li h3{float:left; margin:0px; padding:0px; width:680px; height:60px;}
.leic ul li h4{float:left; margin:0px; padding:10px 0px 10px 0px; width:40px; height:30px;}
.leic ul li h5{float:left; margin:0px; padding:0px; width:400px; }
.leic ul li img{float:left;margin:0px; width:40px; height:20px; border:0px solid #039c4c;}
.leic ul li img:hover{float:left;margin:0px; width:40px; height:20px; border:0px solid #fff;}
.leic ul li a, .leic ul li a:visited {display:block; width:680px; height:100px; padding:15px 0px 30px 0px; line-height:24px; font-size:16px; color:#000; text-decoration:none;  border-bottom:1px solid #d5d5d5;}
.leic ul li a:hover {display:block; width:680px; height:100px; padding:15px 0px 30px 0px; line-height:24px; font-size:16px; color:#c40000; text-decoration:none; border-bottom:1px solid #c0c0c0;}

.leicn {float:none; margin:auto; position:relative; width:1320px; z-index:9; }
.leicn ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type: none;}
.leicn ul li {float:left; position:relative; margin:0px 0px 0px 0px; padding:15px 0 15px 0; height:140px; text-align:left; border-bottom:1px solid #ccc;}
.leicn ul li h1{float:left; margin:0 20px 0 0; padding:0; width:220px; height:10rem; }
.leicn ul li h1:hover{float:left; margin:0 20px 0 0; padding:0; width:220px; height:10rem; background-color:#CE000D;}
.leicn ul li h2{float:left; margin:0px; padding:0; width:1060px; height:140px; }
.leicn ul li h3{float:left; margin:0px; padding:0; width:1300px; height:120px; }
.leicn ul li h3:hover{float:left; margin:0px; padding:0; width:1300px; height:120px; }
.leicn ul li img{float:left;margin:0px; width:220px; height:140px; border:0px solid #039c4c; border-radius:0.315rem;}
.leicn ul li img:hover{float:left;margin:0px; width:220px; height:140px; border:0px solid #fff; border-radius:0.315rem;}
.leicn ul li a, .leicn ul li a:visited {display:block; width:1320px; height:120px; padding:0 0.5% 0 0; line-height:24px; font-size:16px; color:#333; text-decoration:none; border-right:0.125rem solid #fff;}
.leicn ul li a:hover {display:block; width:1320px; height:120px; background-color:#fff; padding:0 0.5% 0 0; line-height:24px; font-size:16px; color:#D3010C; text-decoration:none;border-right:0.125rem solid #D3010C;}


.leicp11{position:relative; float:none; margin:0px; padding:5px; width:220px; height:120px; background-color:#fff;}
.leicp11:hover{position:relative; float:none; margin:0; padding:5px; width:220px; height:120px; background-color:#689DCF;}
.leicp11m {position:absolute; margin:5px; padding:0px; width:220px; height:120px; left:0px; top:0px; display: table-cell;overflow: hidden;}
.leicp11m img{margin:0px; padding:0px; width:220px; height:120px; cursor: pointer;transition: all 0.6s;}
.leicp11m img:hover{transform: scale(1.1);}
.leicp11c {position:absolute; width:380px; height:140px; left:0px; bottom:0px;}
.leicp11c ul {margin:0px;; padding:0px; list-style-type: none;}
.leicp11c ul li {float:left; margin:0px; color:#FFFFFF;}
.leicp11c ul li h1 {float:left; margin:20px 0px 0px 0px; width:380px; height:30px; text-align:center; font-size:20px; line-height:30px;}
.leicp11c ul li h2 {float:left; margin:0px; width:380px; height:20px; text-align:center;}
.leicp11c ul li h2 img {margin:9px 0px 0px 9px; width:34px; height:2px; }
.leicp11c ul li h3 {float:left;margin:0px 0px 10px 0px; width:380px; height:60px; text-align:center; font-size:16px; line-height:24px; font-weight:100;}
.leicp11c ul li a, .leicp11c ul li a:visited {display:block; background-color: rgba(103, 58, 27, 0.6); width:380px; height:140px; font-size:16px; color:rgba(255, 255, 255, 0.95);; text-decoration:none; }
.leicp11c ul li a:hover {display:block; background-color:#673a1b; width:380px; height:140px; font-size:16px; color:#fff; text-decoration:none; }

.leicp12{position:relative; float:none; margin:0px; padding:0; width:245px; height:280px;}
.leicp12m {position:absolute; margin:0; padding:0; width:245px; height:280px; left:0px; top:0px; background-color:#f3f3f3;}
.leicp12m img{margin:0px 0px 0px 0px; padding:0px; width:245px; height:280px;}
.leicp12c {position:absolute; width:245px; height:70px; left:0px; bottom:0px;}
.leicp12c ul {margin:0; padding:0; list-style-type: none;}
.leicp12c ul li {float:left; margin:0px; text-align:center;}
.leicp12c ul li a, .leicp12c ul li a:visited {display:block; background-color: rgba(35, 24, 22, 0.8); width:245px; height:70px; line-height:70px; font-size:16px; color:#fff; text-decoration:none; }
.leicp12c ul li a:hover {display:block; background-color:#231816; width:245px; height:70px; line-height:70px; font-size:16px; color:#fff; text-decoration:none; }


#dhpics{width:1220px;}
#dhpic{margin:0;padding:0px;}
#dhpic ul, #dhpic li{
margin:10px;padding:0px 0px 0px 0px;float:left;display:block;list-style-type: none;
transition:All 0.4s ease-in-out;
-webkit-transition:All 0.4s ease-in-out;
-moz-transition:All 0.4s ease-in-out;
-o-transition:All 0.4s ease-in-out;
-ms-transition:All 0.4s ease-in-out;
}
#dhpic li:hover{
transform:translate(0,-10px);
-webkit-transform:translate(0,-10px);
-moz-transform:translate(0,-10px);
-o-transform:translate(0,-10px);
-ms-transform:translate(0,-10px);
border-bottom:0px solid #1E50AF;
}

.yuan{width:240px;height:240px;}
.yuantu{
	margin:0 auto;
	margin-top:0px;
	position:absolute;
	width:220px;
	height:220px;
	border-width:10px;
	border-style:solid;
	border-bottom-color:#9fce9e;
	border-right-color:#9fce9e;
	border-top-color:#dcdcdc;
	border-left-color:#dcdcdc;
	border-radius:143px;
	overflow:hidden;
	transition:ease 0.5s;
}
.yuan:hover .yuantu{
	transform:rotate(360deg);
}
.yuan img{
	position:relative;
	top:10px;
	left:0px;
	margin-top:0px;
	border-radius:133px;
	transition:ease 0.3s;
}
.yuan img:hover{
	opacity:0.8;
}

.card {
  -webkit-perspective: 150rem;
          perspective: 150rem;
  -moz-perspective: 150rem;
  position: relative;
  width: 117px;
  height: 117px;
}

.card__side {
   position: absolute;
   top: 0;
   left: 0;
   width: 117px;
   height: 117px;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-radius: 0px;
  overflow: hidden;
}

.card__side--back {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.card:hover .card__side--front-1

 {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.card:hover .card__side--back {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}

.dimg img:hover{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}

@-webkit-keyframes tada{0%{-webkit-transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);}}

@-moz-keyframes tada{0%{-moz-transform:scale(1);}
10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
100%{-moz-transform:scale(1) rotate(0);}}

@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);}
70%{-webkit-transform:perspective(400px) rotateY(10deg);}
100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1;}}

@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0;}
40%{-moz-transform:perspective(400px) rotateY(-10deg);}
70%{-moz-transform:perspective(400px) rotateY(10deg);}
100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1;}}

/* button 2*/

.set_5_button2 {
  background: #019354;
  color:#fff;
  overflow: hidden;
  z-index: 1;
  float:right;
  line-height: 45px;
  font-size:16px;
  letter-spacing:3px;
  cursor:pointer;
  overflow: hidden;
  padding: 5px 35px 5px 35px;
  position: relative;
  text-align: center;
  width: auto;
}
.set_5_button2:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 500%;
  height: 1000%;
  background: #00ac62;
  z-index: -1;
  transform-origin: 0% 0%;
  transform: translateX(calc(20% - 25px)) translateY(10%) rotate(-45deg);
  /transform: translateY(10%) translateX(16%) rotate(-45deg);
  transition: transform .3s;
}
.set_5_button2:hover::after {
  transform: translateY(10%) translateX(-25px) rotate(-45deg);
} 

/* nimated-button.thar-three*/
a.animated-button.thar-three {
	color: #689DCF;
	font-size:16px;letter-spacing:3px;
	cursor: pointer;
	display: block;
	position: relative;
	padding:20px 0px 20px 0px;
	border: 1px solid #689DCF;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
a.animated-button.thar-three:hover {
	color: #fff; !important;
	background-color: transparent;
	text-shadow: nthree;
}
a.animated-button.thar-three:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}
a.animated-button.thar-three:before {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	background: #689DCF;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}

.met_pager{text-align:center;padding:30px 0 0}
.met_pager a{margin: 5px;border:0px solid #e0e0e0;text-align:center;height:28px;line-height:28px;min-width:28px;_width:28px;text-align:center;display:inline-block;color:#333;background:#f0f0f0;}
.met_pager a:hover{border:0px solid #a0a0a0;color:#fff;background:#333}
.met_pager .PreSpan,.met_pager .NextSpan{height:30px;line-height:30px;min-width:60px;_width:60px;text-align:center;background:#f0f0f0;color:#ccc;display:inline-block;}
.met_pager .PreA,.met_pager .NextA{height:28px;line-height:28px;min-width:58px;_width:58px;color:#aaa;}
.met_pager .PreSpan,.met_pager .PreA{margin-right:6px}
.met_pager .NextSpan,.met_pager .NextA{margin-left:6px}
.met_pager .firstPage,.met_pager .lastPage{font-weight:bold;height:28px;line-height:28px;min-width:40px;_width:40px;color:#aaa}
.met_pager .Ahover{border:0px solid #a0a0a0;color:#fff;background:#333}
.met_pager .PageText,.met_pager #metPageT,.met_pager #metPageB{display: none;}

/*search*/
dl{margin:0px auto; float:left; position:relative; text-align:center;}
dl dt{width:auto; height:30px; padding:25px 0px 25px 0px;}
dl dd{width:260px; height:60px; padding:15px 25px 25px 25px; display:block; background:#fff;display:none; position:absolute;  right:0px; top:80px; z-index:999999999;}

#bottomToolbars{
    width:16%; height:auto; z-index:999999;
    position:fixed; bottom:280px; right:10px;
    _position:absolute; _top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight);
}